<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org" xmlns:sec="http://www.thymeleaf.org/thymeleaf-extras-springsecurity3">
<head th:replace="top::html"/>
<title>专家匹配需求详情</title>
<body class="fixed hold-transition skin-blue">
	<div class="wrapper">

		<!-- Main Header -->
		<div th:replace="tophtml::html"></div>
		<!-- Left side column. contains the logo and sidebar -->
		<div th:replace="left::html"></div>

		<!-- Content Wrapper. Contains page content -->
		<div class="content-wrapper">
			<!-- Content Header (Page header) -->
			<section class="content-header">
				<h1>
					专家匹配需求详情<small></small>
				</h1>
				<ol class="breadcrumb">
					<li><a href="/index"><i class="fa fa-dashboard"></i>用户中心</a></li>
					<li><a href="/person/findPersonList">专家管理</a></li>
					<li><a th:href="@{/person/findButtDetailsList(pid=${person.pid})}">专家匹配需求详情</a></li>
				</ol>
				<form th:action="@{/person/findButtDetailsList}" method="get" id="from1">
					<div class="form-group">
						<div class="form-group">
							<label></label> 
							<select class="form-control" name="buttStatus" th:field="${buttDetails.buttStatus}">
								<option value="0">--根据状态筛选--</option>
								<option th:each="psd : ${buttStatus}" th:value="${psd.names}" th:text="${psd.worth}"></option>
							</select>
						</div>
						<input type="hidden" name="pageNo" id="pageNo" th:value="${pageInfo.pageNum}" />
						<!-- 传递给后台是为了只检索专家 -->
						<input type="hidden" name="pid" th:value="${buttDetails.expertNumber}" />
						<button type="submit" class="btn btn-primary">搜索</button>
						<button type="reset" style="margin-left: 40px;" class="btn btn-primary">重置</button>
						<input type="button" class="btn btn-primary" value="返回" onclick="window.history.go(-1)" style="margin-left: 40px;">
					</div>
				</form>
				<div class="box">
					<!-- /.box-header -->
					<div class="box-body">
						<table class="table table-bordered">
							<tbody>
								<tr>
									<th>对接介绍</th>
					                <th>负责人</th>
					                <th>对接时间</th>
					                <th>对接状态</th>
					                <th>对接详情</th>
					                <th>对接附件</th>
					                <th>操作</th>
								</tr>
								<tr th:each="collect,iterStat : ${pageInfo.list}">
									<td>
						                <p style="font-weight: normal;" th:text="${collect.expertName}"></p>
						                <!-- 需求名称 -->
						                <p style="font-weight: normal;">
						                	<div class="col-md-4" style="width:100%;font-size: 14px;">
										    	<div class="box box-default collapsed-box" style="border-top:0px solid #d2d6de;">
											    	<div class="box-header with-border" th:if="${collect.demandName != null}">
												    	<span th:if="${#strings.length(collect.demandName) > 15}">
												        	<span th:text="${#strings.substring(collect.demandName,0,15)+'...'}"></span>
												        </span>
												        <span th:unless="${#strings.length(collect.demandName) > 15}">
												        	<span th:text="${collect.demandName}"></span>
												        </span>
												        <div class="box-tools pull-right" th:if="${#strings.length(collect.demandName) > 15}">
												        	<button type="button" class="btn btn-box-tool" data-widget="collapse"><i class="fa fa-plus"></i></button>
												        </div>
											       	</div>
											        <div class="box-body" style="display: none;">
											            <span th:text="${collect.demandName}"></span>
											        </div>
										    	</div>
								    		</div>
						                </p>
						                <p style="font-weight: normal;" th:text="${collect.projectName}"></p>
						                <p style="font-weight: normal;" th:text="${collect.customerName}"></p>
						                <p style="font-weight: normal;" th:text="${collect.confName}"></p>
						            </td>
						            <td th:text="${collect.buttName}"></td>
						            <td th:text="${collect.buttDataTime}"></td>
					                <td th:if="${collect.buttStatus==1}">沟通对接需求</td>
					               	<td th:if="${collect.buttStatus==2}">已签合作协议</td>
					                <td th:if="${collect.buttStatus==3}">执行对接任务</td>
					                <td th:if="${collect.buttStatus==4}">完成对接需求</td>
					                <!-- 对接详情 -->
                					<td>
										<div class="col-md-3" style="width:100%;font-size: 14px;">
									    	<div class="box box-default collapsed-box" style="border-top:0px solid #d2d6de;">
										    	<div class="box-header with-border">
											    	<span th:if="${#strings.length(collect.buttDetails)>30}">
											        	<span th:text="${#strings.substring(collect.buttDetails,0,30)+'......'}"></span>
											        </span>
											        <span th:unless="${#strings.length(collect.buttDetails)>30}">
											        	<span th:text="${collect.buttDetails}"></span>
											        </span>
											        <div class="box-tools pull-right" th:if="${#strings.length(collect.buttDetails)>30}">
											        	<button type="button" class="btn btn-box-tool" data-widget="collapse"><i class="fa fa-plus"></i></button>
											        </div>
										       	</div>
										        <div class="box-body" style="display: none;">
										            <span th:text="${collect.buttDetails}"></span>
										        </div>
									    	</div>
								        </div>
                					</td>
                					<td >
                						<a  th:if="${collect.buttaNnex}" th:href="@{'/person/download?fileName='+${collect.buttaNnex}}">对接附件</a>
                					</td>
               	  					<td>
               	  						<a th:href="@{/person/findHistoryButtDetails(pid=${collect.pid})}">查看历史详情</a>|
               	  						<a th:href="@{/person/addDetailsView(pid=${collect.pid})}">添加对接详情</a>
               	  					</td>
								</tr>
							</tbody>
						</table>
					</div>
					
					<div th:replace="page::html"></div>
				</div>
			</section>
			<section class="content container-fluid"></section>
		</div>
		
		<div th:replace="footer::html"></div>
		<div class="control-sidebar-bg"></div>
	</div>
	
	<div th:replace="bottom::html"></div>
</body>
</html>